 $(document).ready(function(){
        var oTable = $('#tblTransaction').dataTable({
            "bJQueryUI": true,
            "bProcessing": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "sAjaxSource": 'controller?Action=get_transactions',
            "bAutoWidth": false,
            "aoColumns": [
                { "sTitle": "ID" , "sClass": "center"},
                { "sTitle": "Item","sClass": "center" },
                { "sTitle": "Quantity", "sClass": "center" },
                { "sTitle": "Price", "sClass": "center" },
                { "sTitle": "Location", "sClass": "center" },
                { "sTitle": "Customer", "sClass": "center" },
                { "sTitle": "User", "sClass": "center" },
                {
                    "sTitle": "Action",
                    "sClass": "center",
                    "fnRender": function(oObj) {
                        var sReturn = oObj.aData[ oObj.iDataColumn ];
                        sForm=  "<form id='deleteTransaction' action='controller' name='controller' >"+
                            "<input type='hidden' name='transactionID' value='"+sReturn+"' />"+
                            "<input type='hidden' name='Action' value='delete_transaction' />" +
                            "<input type='submit' name='Delete' value='Delete'/>"+
                            "</form>";
                        return sForm;
                    }
                }
            ]
        });
    });
